<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板二</title>
    <link href="/before/css/common.css" rel="stylesheet" tyle="text/css" />
    <link href="/before/css/style.css" rel="stylesheet" type="text/css" />
    <script src="/before/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/before/js/common_js.js" type="text/javascript"></script>
    <script src="/before/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
</head>
<body>
<div id="app">
    <div class="index_style clearfix">
    <!--产品版块样式图层-->
    <div class="Product_area clearfix">
        <div class="area_title">
            <!--分类-->
            <div class="name" style="float:left"><span class="floors"><em class="iconfont icon-xiangzi"></em></span>NBA年度精选</div>
        </div>
        <div class="list_style clearfix">

            <div id="guessyou" class="m">
                <div class="mc"><div class="spacer"><i></i></div>
                    <img src="/before/upload/1.jpg" width="330px" height="420px" style="float:left;margin:20px;">
                    <ul id="lists">
                        <!--内容循环显示部分-->
                        <li class="fore1" style="float:left">
                            <div class="p-img">
                                <a data-clk="" href="LQ_details.ftl?id=184" target="_blank"><img data-lazy-img="done" width="130" height="130"  title="山海经.jpg" src="/uploads/山海经.jpg" class=""></a>
                            </div>
                            <div class="p-info">
                                <div class="p-name">
                                    <a data-clk="" target="_blank"><big>书名：山海经</big></a>
                                    <a data-clk="" target="_blank"><br/>作者：作者不详</a>
                                </div>
                                <div class="p-price" data-lazyload-fn="done"><span class="left"><i>¥</i>66</span><span class="Original_Price">66</span></div>
                            </div>
                        </li>
                        <!--内容循环显示部分-->
                        <li class="fore1" style="float:left">
                            <div class="p-img">
                                <a data-clk="" href="LQ_details.ftl?id=107" target="_blank"><img data-lazy-img="done" width="130" height="130"  title="img5.jpg" src="/uploads/img5.jpg" class=""></a>
                            </div>
                            <div class="p-info">
                                <div class="p-name">
                                    <a data-clk="" target="_blank"><big>书名：胡均豪</big></a>
                                    <a data-clk="" target="_blank"><br/>作者：胡均豪</a>
                                </div>
                                <div class="p-price" data-lazyload-fn="done"><span class="left"><i>¥</i>50</span><span class="Original_Price">50</span></div>
                            </div>
                        </li>
                        <!--内容循环显示部分-->
                        <li class="fore1" style="float:left">
                            <div class="p-img">
                                <a data-clk="" href="LQ_details.ftl?id=94" target="_blank"><img data-lazy-img="done" width="130" height="130"  title="山海经.jpg" src="/uploads/山海经.jpg" class=""></a>
                            </div>
                            <div class="p-info">
                                <div class="p-name">
                                    <a data-clk="" target="_blank"><big>书名：山海经</big></a>
                                    <a data-clk="" target="_blank"><br/>作者：作者不详</a>
                                </div>
                                <div class="p-price" data-lazyload-fn="done"><span class="left"><i>¥</i>66</span><span class="Original_Price">66</span></div>
                            </div>
                        </li>
                        <!--内容循环显示部分-->
                        <li class="fore1" style="float:left">
                            <div class="p-img">
                                <a data-clk="" href="LQ_details.ftl?id=3" target="_blank"><img data-lazy-img="done" width="130" height="130"  title="xiyou.jpg" src="/uploads/xiyou.jpg" class=""></a>
                            </div>
                            <div class="p-info">
                                <div class="p-name">
                                    <a data-clk="" target="_blank"><big>书名：西游记</big></a>
                                    <a data-clk="" target="_blank"><br/>作者：施耐庵</a>
                                </div>
                                <div class="p-price" data-lazyload-fn="done"><span class="left"><i>¥</i>120</span><span class="Original_Price">120</span></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    </div>
</div>
</body>
</html>